﻿
<!DOCTYPE html>
<!--[if lt IE 7 ]><html lang="en" class="ie6 ielt7 ielt8 ielt9"><![endif]-->
<!--[if IE 7 ]><html lang="en" class="ie7 ielt8 ielt9"><![endif]-->
<!--[if IE 8 ]><html lang="en" class="ie8 ielt9"><![endif]-->
<!--[if IE 9 ]><html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>ä¸ªäººé¶è¡è´¦æ·ç®¡çç³»ç»</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="css/site.css" rel="stylesheet">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
	<div class="container">
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container">
					<a class="btn btn-navbar" data-toggle="collapse"
						data-target=".nav-collapse"> <span class="icon-bar"></span> <span
						class="icon-bar"></span> <span class="icon-bar"></span>
					</a> <a class="brand" href="#">è´¦æ·ç®¡ç</a>
					<div class="nav-collapse">
						<ul class="nav">
							<li class="active"><a href="index.html">é¦é¡µ</a></li>
							<li><a href="settings.htm">è´¦å·è®¾ç½®</a></li>
							<li><a href="help.htm">å¸®å©</a></li>

							<form class="navbar-search pull-left" action="">
								<input type="text" class="search-query span2"
									placeholder="Search" />
							</form>
							<ul class="nav pull-right">
								<li><a href="profile.htm">@ç¨æ·å</a></li>
								<li><a href="login.htm">æ³¨é</a></li>
							</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="span3">
				<div class="well" style="padding: 8px 0;">
					<ul class="nav nav-list">
						<li class="nav-header">è´¦æ·ç®¡ç</li>
						<li class="active"><a href="index.htm"><i
								class="icon-white icon-home"></i>è¯¦ç»ä¿¡æ¯</a></li>
						<li><a href="projects.htm"><i class="icon-folder-open"></i>å­æ¬¾</a>
						</li>
						<li><a href="tasks.htm"><i class="icon-check"></i>åæ¬¾</a></li>
						<li><a href="messages.htm"><i class="icon-envelope"></i>æä½è®°å½</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="span9">
				<h1>è´¦æ·ç®¡ç</h1>
				<div class="hero-unit">
					<h1>Welcome!</h1>
					<p>æ¬¢é¥®è®¿é®ä¸ªäººé¶è¡è´¦æ·ç®¡çç³»ç»</p>
					<!-- <p>
							<a href="help.htm" class="btn btn-primary btn-large">Start Tour</a> <a class="btn btn-large">No Thanks</a>
						</p> -->
				</div>
				<div class="well summary">
					<ul>
						<li><a href="#"><span class="count">3</span>è´¦å·</a></li>
						<li><a href="#"><span class="count">27</span>ä½é¢</a></li>
						<li><a href="#"><span class="count">7</span>ä¸æ¬¡æ´»è·æ¶é´</a></li>

					</ul>
				</div>
				<h2>æè¿è®°å½</h2>
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th>Project</th>
							<th>Client</th>
							<th>Type</th>
							<th>Date</th>
							<th>View</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Nike.com Redesign</td>
							<td>Monsters Inc</td>
							<td>New Task</td>
							<td>4 days ago</td>
							<td><a href="#" class="view-link">View</a></td>
						</tr>

					</tbody>
				</table>
				<ul class="pager">
					<li class="next"><a href="activity.htm">More &rarr;</a></li>
				</ul>
			</div>
		</div>
	</div>
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/site.js"></script>
</body>
</html>